div{ cursor:default;}
body{ overflow:hidden; min-width:1000px;}
.header_fill{ display:none;}
.global_btn{ display:block; width:190px; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold; background:url(../images/btn_hand.png) #f8bd2f 22px center no-repeat; text-indent:55px; text-decoration:none; box-shadow:0 5px 12px 0 rgba(248,156,47,0.3); border-bottom-left-radius:16px; border-top-right-radius:16px; text-align:left;}
.global_btn:hover{ color:#fff; text-decoration:none;}
#global_qq_service{ display:none;}

#nav_menu{ position:fixed; right:130px; top:50%; margin-top:-90px;z-index:9999;}
#nav_menu li{ width:14px; height:14px; border:1px solid #900; border-radius:8px; margin-bottom:12px; transition: all 0.2s ease-in-out; cursor:pointer;}
#nav_menu li.cur{ height:26px;background: #900;}


#banner .wrap{ box-sizing:border-box; padding-left:20px;}
#banner .title{ font-size:50px; color:#222;}
#banner .brief{ font-size:24px; color:#555; margin-top:20px; margin-bottom:60px;}

#webtype{ text-align:center;}
#webtype .item{ width:520px; height:595px; display:inline-block; box-shadow:0 0 20px 5px rgba(0,0,0,0.08); border-radius:5px; margin:0 35px; box-sizing:border-box; padding-top:45px;}
#webtype .item .title{ font-size:28px; color:#00bf8a;}
#webtype .item.nor .title{ color:#405bef;}
#webtype .item .info{ font-size:16px; color:#999; margin-top:15px; margin-bottom:35px;}
#webtype .item .img{ width:300px; height:250px; margin:0 auto;}
#webtype .item .img img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
#webtype .item:hover .img img{ -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none;}
#webtype .item .brief{ font-size:22px; margin:30px 0;}
#webtype .item .btn{ width:170px; height:48px; line-height:48px; display:block; margin:0 auto; color:#fff; background:#00bf8a; font-size:18px; text-decoration:none; border-bottom-left-radius:16px; border-top-right-radius:16px;}
#webtype .item.nor .btn{ background:#405bef;}
#w1000 #webtype .item{ width:400px; height:450px; padding-top:30px;}
#w1000 #webtype .item .title{ font-size:24px;}
#w1000 #webtype .item .info{ font-size:14px; margin-top:10px; margin-bottom:20px;}
#w1000 #webtype .item .img{ width:200px; height:167px;}
#w1000 #webtype .item .brief{ margin:20px 0;}

#themes{ background:url(../images/themes.jpg) #f9f9f9 top center no-repeat; background-size:100%;}
#themes .wrap{ box-sizing:border-box; padding-left:20px;}
#themes .title{ font-size:36px;}
#themes .brief{ font-size:18px; margin-top:15px; margin-bottom:40px;}

#platform{ background:url(../images/platform.png) center no-repeat; text-align:center;}
#platform .title{ font-size:36px; color:#111;}
#platform .brief{ font-size:18px; color:#111; margin-top:20px; margin-bottom:35px;}
#platform .global_btn{ margin:0 auto;}

#plugins{ background:#f9f9f9; text-align:center;}
#plugins .title{ font-size:36px; color:#111;}
#plugins .item{ width:133px; display:inline-block; padding-top:145px; font-size:18px; margin:0 70px; margin-top:55px;}
#plugins .item.i1{ background:url(../images/plugins1.png) no-repeat;}
#plugins .item.i2{ background:url(../images/plugins2.png) no-repeat;}
#plugins .item.i3{ background:url(../images/plugins3.png) no-repeat;}
#plugins .item.i4{ background:url(../images/plugins4.png) no-repeat;}
#plugins .item.i5{ background:url(../images/plugins5.png) no-repeat;}
#plugins .item.i6{ background:url(../images/plugins6.png) no-repeat;}
#plugins .item.i7{ background:url(../images/plugins7.png) no-repeat;}
#plugins .item.i8{ background:url(../images/plugins8.png) no-repeat;}
#plugins .global_btn{ margin:0 auto;}
#w1000 #plugins .item{ margin:0 50px; margin-top:40px;}

#switch{ background:url(../images/switch.png) top 75px center no-repeat;}
#switch .title{ font-size:36px; color:#111; text-align:center;}
#switch .brief{ font-size:18px; color:#111; text-align:center; margin-top:25px;}
#switch .story{position: relative;padding:45px 0;height: 330px;}
#switch .story .story_box{position: relative;left: -84px;top: 113px;width: 1354px;height: 127px;overflow: hidden;}
#switch .story .box{position: absolute;top: 0;left: 0;}
#switch .story .item{float: left;width: 211px;height: 127px;margin-left: 14px;opacity: 0.2;}
#switch .story .citem{position: absolute;left: 0;right: 0;top: 30px;margin:auto;width: 507px;height: 305px;padding: 60px 190px 35px;background: url(../images/storybg.png) no-repeat center center;}
#switch .citem_box{position: relative;width: 100%;height: 100%;overflow: hidden;}
#switch .citem_box .box{position: absolute;top: 0;left: -1014px;}
#switch .citem_box .item{width: 507px;height: 305px;opacity: 1;margin:0;}
#switch .hd{position: absolute;bottom: 0;text-align: center;width: 100%;font-size: 0;}
#switch .button{display: inline-block;width: 58px;height: 58px;background: url(../images/prev.png) no-repeat center center;}
#switch .next{background-image: url(../images/next.png);}
#switch .global_btn{ margin:0 auto;}